// 第一步，引入vue
import Vue from 'vue';
// 第二步，引入路由组件
import Router from "vue-router";
// 第三步，引入自己的组件
import home from '@/views/home'
import login from '@/views/login';
import icons from '@/views/icons';

// 第四步，在vue中引用路由组件(Vue全局使用Router)
Vue.use(Router);
// 第五步，定义路由
export default new Router({
    // 第六步，设置具体的路由规则
    routes:[
        {  //每一个链接都是一个对象
            path:'/', //链接路径
            name:"home",  //路由名称，
            component:home //对应的组件模板
        },
        {  //每一个链接都是一个对象
            path:'/login', //链接路径
            name:"login",  //路由名称，
            component:login //对应的组件模板
        },
        {  //每一个链接都是一个对象
            path:'/icons', //链接路径
            name:"icons",  //路由名称，
            component:icons //对应的组件模板
        }
    ]
});
// 第七步，去main.js引用



